<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- contextmenu 右键 -->
    <button onclick="begin()">开始游戏</button>
    <button onclick="go()">1秒后执行</button>
    <script>
        // 声明一个变量，用来存储定时器
        var timer;
        var time = 30;
        function begin() {
            // 疯狂点击按钮时 会创建多个定时器 造成误差
            // 先清空定时器 再创建
            clearInterval(timer);
            timer = setInterval(function () {
                if (time > 0) {
                    console.log('敌军还有' + time-- + '秒到达战场');
                }
            }, 1000)
        };
        function go () {
            // 异步 执行的优先级低，会等所有的同步代码执行完在执行异步
            setTimeout(function() {
                console.log('我执行了');
            }, 0)
            console.log('666'); // 同步
        }
    </script>
</body>

</html>